@htf:75rem;


@media screen and (min-width:750px){
    html{
        font-size: 75px!important;
    }
}
// html{
//     max-width: 750px;
// }
 
body{
    min-width: 320px;
    max-width: 750px;
    width: 10rem;
    margin: 0 auto;
    line-height: 1.5;
    font-family: Arial, Helvetica;
    background-color: #f7f7f7;
}

a{
    text-decoration: none;
}

.search_content{
    width: 10rem;
    height: (180/@htf);
    background-color: #FFDB47;
    .search_nav{
        display: flex;
        position: relative;
        width: 10rem;
        height: (88/@htf);
        a{
            &:nth-child(1){
                position: absolute;
                top: (15/@htf);
                left: (30/@htf);
                display: block;
                width:(36/@htf);
                height: (60/@htf);
                img{
                    width:(36/@htf);
                    height: (60/@htf);
                }
            }
            &:nth-child(2){
                position: absolute;
                top: (8/@htf);
                left: 50%;
                transform: translateX(-50%);
                -webkit-transform: translateX(-50%);
                flex: 1;
                img{
                    width:(320/@htf);
                    height: (64/@htf);
                }
            }
            &:nth-child(3){
                position: absolute;
                top: (15/@htf);
                right: (30/@htf);
                display: block;
                width:(36/@htf);
                height: (60/@htf);
                img{
                    width:(36/@htf);
                    height: (60/@htf);
                }
            }
        }
    }
    .search_text{
        display: flex;
        position: relative;
        margin-top: (10/@htf);
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        width: 9rem;
        height: (88/@htf) * 0.8;
        background-color: #fff;
        border-radius: (50/@htf);
        .icon{
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            left: (20/@htf);
            width: (36/@htf);
            height: (36/@htf);
            background: url(../images/下载.png) no-repeat;
            background-size: (36/@htf) (36/@htf);
        }
        a{
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: (70/@htf);
            display: block;
            color: #999;
            font-size: .35rem;
        }
    }
}

.banner{
    width: 10rem;
    height: (229/@htf);
    background:url("../images/161243731909884312.png") no-repeat;
    background-size: 15rem (229/@htf);
    overflow: hidden;
    ul{
        position: relative;
        margin: 0;
        padding: 0;
        left: 50%;
        top:0;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        width: 9rem;
        height: (229/@htf);
        border-radius: (25/@htf);
        background-color: #fff;
        overflow: hidden;
        img{
            position: relative;
            top: -(139/@htf);
            width: 100%;
            height: (368/@htf);
        }
    }
}

nav{
    width: 10rem;
    height: (308/@htf);
    a{
        position: relative;
        float: left;
        box-sizing: border-box;
        display: block;
        width: (10rem/5);
        height: (154/@htf);
        img{
            position: absolute;
            top: 20%;
            left: 50%;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            width: (84/@htf);
            height: (84/@htf);
        }
        .nav_title{
            width: (10rem/5);
            text-align: center;
            color: #666;
            font-size: .3rem;
            line-height: (270/@htf);
        }
    }
} 